<template>
  <div class="view-wrapper">
    <div class="merchantsId">商家编号：{{ this.id }}</div>
    <div class="view-inner-wrap">
      <el-tabs v-model="activeName">
          <el-tab-pane label="店铺功能模块" name="one" :lazy="true">
            <div class="tabs-body">
              <merchantsFunction :id="id"/>
            </div>
          </el-tab-pane>
          <el-tab-pane label="基本资料" name="two" :lazy="true">
            <div class="tabs-body">
              <information />
            </div>
          </el-tab-pane>
      </el-tabs>
    </div>
    
  </div>
</template>
<script>
import information from "./shopDetail/information"; 
import merchantsFunction from "@/views/merchants/components/merchantsDetail/merchantsFunction";
import {
  getspuriousDetail,
  shopTypeTree,
  editSpurious,
  getCity
} from "@/api/clientManagement";
export default {
  name: "shopDetail",
  components: {
    information,
    merchantsFunction
  },
  provide() {
    const { id } = this.$route.query;
    return {
      id: id,
      
    };
  },
  data() {
    return {
      current: 1,
      activeName: 'one',
    };
  },
 
  created() {
    const { id } = this.$route.query;
    this.id = id;
    
  },
  mounted() {
    console.log("获取详情", this.id);
    let query = this.$route.query;
    console.log(query);
  },
  methods: {
    //返回
    back() {
      this.$router.go(-1);
    },
    
  },
};
</script>
<style lang="scss" scoped>

</style>
